<template>
<div class="scroll">
    <div v-for="(item,index) in list.slice(0)" :key="index">
        <div v-for="(iteml,key,indexm) in item.extInfo" :key="indexm">
            <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
                    <van-swipe-item v-for="(image,indexl) in item.extInfo.banners" :key="indexl">
                        <img :src="image.pic" lazy-load  />
                    </van-swipe-item>
            </van-swipe> 
        </div>
    </div>

</div>

</template>

<script>
export default {
    data(){
        return{
            list:[],
        }
    },
  created(){
    this.getdata();
  },
    methods:{
       getdata(){
           this.$request("get","/homepage/block/page").then((res)=>{
               this.list = res.data.blocks
               console.log(res);
        })
       } 
    }
}
</script>

<style>
.scroll{
    width: 414px;
    /* height: 300px; */
    margin: auto;
}
img{
 width: 100%;
 height: 100%;
}
  /* .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  } */
</style>